<template>
	<div>
		<el-form-item label="提示文字">
			<el-input size="default" v-model="modelValue.placeholder" placeholder="请设置提示语" />
		</el-form-item>
		<el-form-item label="数量限制">
			<template #label>
				<tip content="限制最大上传文件数量（为0则不限制）">数量限制</tip>
			</template>
			<el-input-number class="max-fill" controls-position="right" :precision="0" v-model="modelValue.maxNumber" placeholder="最多上传几张图片" />
		</el-form-item>
		<el-form-item label="大小限制">
			<template #label>
				<tip content="限制单个文件最大大小-MB（为0则不限制）">大小限制</tip>
			</template>
			<el-input-number class="max-fill" controls-position="right" :precision="1" v-model="modelValue.maxSize" placeholder="单个文件最大大小" />
		</el-form-item>
		<el-form-item label="类型限制">
			<template #label>
				<tip content="限制上传文件的后缀类型">类型限制</tip>
			</template>
			<el-select
				style="width: 100%"
				v-model="modelValue.fileTypes"
				multiple
				filterable
				allow-create
				default-first-option
				clearable
				placeholder="允许上传文件的后缀格式，可设置多种"
			/>
		</el-form-item>
		<el-form-item label="不可下载">
			<el-switch v-model="modelValue.onlyRead"></el-switch>
		</el-form-item>
	</div>
</template>

<script>
import ConfigMinxins from '../ConfigMinxins';

export default {
	name: 'FileUploadConfig',
	components: {},
	mixins: [ConfigMinxins],
};
</script>

<style lang="less" scoped>
:deep(.el-form-item__label) {
	padding: 0 12px 0 0;
	box-sizing: unset;
}
</style>
